#main{
    width:100%;
    height:100%;
    /* background:red;*/
    display:flex;
    flex-wrap: wrap;
    flex-direction:row;
    justify-content: start;
}
.top-head{
    width: 100%;
    height: 10%;
    /* background: orange;*/
    display:flex;
    flex-wrap: no-wrap;
    justify-content:center;
}
.left-menu{
    width:12%;
    height: 90%;
    /*background:yellow;*/
}
.right-content{
    width: 88%;
    height:90%;
    /*   background:blue;*/
}
#logo{
    width:10%;
    height:100%;
    line-height:80px;
    /*background:purple;*/
}
#title{
    width:50%;
    font-size: 28px;
    text-align:center;
    line-height: 80px;
    /*background:#eee;*/
}
#per-mes{
    width:20%;
    height:100%;
    line-height: 80px;
    /*background:green;*/
}
li{
    list-style:none;
}

a{
    text-decoration: none;
}
a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}
li:hover{
    list-style:none;
}
